<!DOCTYPE html>
<html>
<head>
<title>MUsgo Vive la Musica</title>

<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'estructuraFondo.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'grid.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'formularioNick.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'menus.css')}" />
</head>
<body>
    <div id="wrapper">
        <div id="headerwrap">
        <div id="header">
           
            <g:img dir="images/imgProyecto" file="b.PNG" />
        </div>
        </div>
        <div id="navigationwrap">
                   <div id='cssmenu'>
				<ul>
  				 	<li class='active '><a href='/proyectoIngedos/principal/principal'><span>&nbsp;&nbsp;&nbsp;  Home &nbsp;&nbsp;&nbsp;</span></a></li>
   					<li class='has-sub '><a href='#'><span>&nbsp;&nbsp;&nbsp;  Musgo &nbsp;&nbsp;&nbsp;</span></a>
      			<ul>
         			<li><a href='#'><span>Quienes somos</span></a></li>
         			<li><a href='#'><span>Product 2</span></a></li>
      			</ul>
   			</li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Eventos&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Destacados&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Busqueda&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='/proyectoIngedos/principal/contacto'><span>&nbsp;&nbsp;&nbsp;  Contacto&nbsp;&nbsp;</span></a></li>
</ul>
</div>
        </div>
      
        <div id="contentwrap1000">
        <div id="content1000">
        
        <img id="top" src="/proyectoIngedos/images/imgProyecto/top.png" alt="">


<!-- ------------------------------------------------------------------------------------------------- -->
	
	<div id="form_container2"> <!-- formulario registro nick pass -->
	
		<h1><a>Untitled Form</a></h1>
		<form id="form_registro" class="appnitro"  method="post" action="registro" enctype="multipart/form-data">
			<div class="form_description">
			<h2>REGISTRO MUSGO </h2>
			<p>Nick repetido o datos obligatorios equivocados  </p>
		</div>						
			<ul >
			
		<li id="li_1" >
		<label class="description" for="element_1">Nick </label>
		<div>
			<input id="element_1" name="nick" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> <p class="guidelines" id="guide_1"><small>Tamaño del nick de 5 a 40 caracteres</small></p>
		</li>		<li id="li_2" >
		<label class="description" for="element_2">Password </label>
		<div>
			<input id="element_2" name="password"  type="password" maxlength="100" value=""/> 
		</div> <p class="guidelines" id="guide_1"><small>Tamaño del password de 5 a 40 caracteres</small></p>
		</li>		<li id="li_3" >
		<label class="description" for="element_3">Nombre del Artista o Grupo </label>
		<div>
			<input id="element_3" name="nombre" class="element text medium" type="text" maxlength="255" value="${artista.nombre}"/> 
		</div> 
		</li>		<li id="li_4" >
		<label class="description" for="element_4">Email </label>
		<div>
			<input id="element_4" name="email" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> <p class="guidelines" id="guide_1"><small>email@abcd.com</small></p>
		</li>		<li id="li_5" >
		<label class="description" for="element_5">Pais </label>
		<div>
			<input id="element_5" name="pais" class="element text medium" type="text" maxlength="255" value="${artista.password }"/> 
		</div> <p class="guidelines" id="guide_1"><small>Campo obligatorio</small></p>
		</li>		<li id="li_6" >
		<label class="description" for="element_6">Ciudad </label>
		<div>
			<input id="element_6" name="ciudad" class="element text medium" type="text" maxlength="255" value="${artista.ciudad }"/> 
		</div> 
		</li>		<li id="li_7" >
		<label class="description" for="element_7">Historia </label>
		<div>
			<textarea id="element_7" name="historia" class="element textarea small" value="${artista.historia }"></textarea> 
		</div> 
		</li>		<li id="li_8" >
		<label class="description" for="element_8">Integrantes </label>
		<div>
			<textarea id="element_8" name="integrantes" class="element textarea small" value="${artista.integrantes }"></textarea> 
		</div> 
		</li>		<li id="li_9" >
		<label class="description" for="element_9">Foto </label>
		<div>
			<input id="element_9" name="imagenp" class="element file" type="file"/> 
		</div>  
		</li>
			
					<li class="buttons">
			    <input type="hidden" name="form_id" value="registro" />
			    
				<g:actionSubmit value="Registrar" action="registro" />
		</li>
			</ul>
		</form>	
		
	</div><!-- formulario registro nick pass-->
<!-- ------------------------------------------------------------------------------------------ -->
	<img id="bottom" src="/proyectoIngedos/images/imgProyecto/bottom501.png" alt="">		
	 	
		
	 
        
           </div>
        </div>
        <div id="footerwrap">
        <div id="footer">
            <p>This is the Footer</p>
        </div>
        </div>
    </div>
</body>
</html>